{include file="public/header"/}
	<div class="login-cover">
	    <div class="login-cover-image"><img src="__PUBLIC__/assets/img/login-bg/bg-1.jpg" data-id="login-cover-image" alt="" /></div>
	    <div class="login-cover-bg"></div>
	</div>
	<!-- begin #page-container -->
	<div id="page-container" class="fade">
	    <!-- begin login -->
        <div class="login login-v2" data-pageload-addclass="animated flipInX">
            <!-- begin brand -->
            <div class="login-header">
                <div class="brand">
                    <span class="logo"></span> Ccocolait管理系统
                    <small>Ccocolait管理系统 登录页</small>
                </div>
                <div class="icon">
                    <i class="fa fa-sign-in"></i>
                </div>
            </div>
            <!-- end brand -->
            <div class="login-content">
                <form class="margin-bottom-0">
                    <div class="form-group m-b-20">
                        <input type="text" class="form-control input-lg" placeholder="用户名" v-model="username"/>
                    </div>
                    <div class="form-group m-b-20">
                        <input type="password" class="form-control input-lg" placeholder="密码" v-model="password"/>
                    </div>

                    <div class="login-buttons">
                        <button type="button" class="btn btn-block btn-lg"
                                :class={"btn-s":!login_btn_valid,"btn-success":login_btn_valid}
                                @click.prevent="login" id="login">登 录</button>
                    </div>
                </form>
            </div>
        </div>
        <!-- end login -->
        
        <ul class="login-bg-list">
            <li class="active"><a href="javascript:;" data-click="change-bg"><img src="__PUBLIC__/assets/img/login-bg/bg-1.jpg" alt="" /></a></li>
            <li><a href="javascript:;" data-click="change-bg"><img src="__PUBLIC__/assets/img/login-bg/bg-2.jpg" alt="" /></a></li>
            <li><a href="javascript:;" data-click="change-bg"><img src="__PUBLIC__/assets/img/login-bg/bg-3.jpg" alt="" /></a></li>
            <li><a href="javascript:;" data-click="change-bg"><img src="__PUBLIC__/assets/img/login-bg/bg-4.jpg" alt="" /></a></li>
            <li><a href="javascript:;" data-click="change-bg"><img src="__PUBLIC__/assets/img/login-bg/bg-5.jpg" alt="" /></a></li>
        </ul>
        
	</div>
	<!-- end page container -->
	
	<!-- ================== BEGIN BASE JS ================== -->
	<script src="__PUBLIC__/assets/plugins/jquery/jquery-1.9.1.min.js"></script>
	<script src="__PUBLIC__/assets/plugins/jquery/jquery-migrate-1.1.0.min.js"></script>
	<script src="__PUBLIC__/assets/plugins/jquery-ui/ui/minified/jquery-ui.min.js"></script>
	<script src="__PUBLIC__/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
	<!-- ================== END BASE JS ================== -->

	<!-- ================== BEGIN PAGE LEVEL JS ================== -->
	<script src="__PUBLIC__/assets/js/login-v2.demo.min.js"></script>
	<script src="__PUBLIC__/assets/js/apps.min.js"></script>
	<!-- ================== END PAGE LEVEL JS ================== -->
    <script type="text/javascript" src="__PLUGINS__/layui/layui.js"></script>
    <script type="text/javascript" src="__PLUGINS__/vue/vue.js"></script>
	<script>
		$(document).ready(function() {
			App.init();
			LoginV2.init();
		});
        layui.config({
            base: '__PLUGINS__/src/modules/' //你的模块目录
        }).use('login'); //加载文件
	</script>
</body>
</html>
